<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>BoostarpUi-DC</title>
    <!--responsive mate -->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="description" content="搜集所有应用稳定的框架，jq，ui等">
    <meta name="author" content="Dc">
    <meta name="keyword" content="Dc,bootstarp,zui,flatui,DcUi,jquery,modal,datatable">
    <link rel="shortcut icon" href="favicon.ico">
    <!-- Bootstrap core CSS -->
    <!--flat-->
    <!--flat media-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="assets/zui/css/zui.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/style-responsive.css" />
</head>

<body>
    <section id="container">
        <!--header start-->
        <header class="header bg-info">
            <div class="sidebar-toggle-box">
                <div class="icon-reorder" id="nav-tab"></div>
            </div>
            <!--logo start-->
            <a href="#" class="logo text-danger">HG
				<small>
					<small class="text-danger">UI</small>
				</small>
			</a>
            <!--logo end-->
            <div class="nav notify-row" id="top_menu">
            </div>
        </header>
        <!--header end-->
        <!--sidebar start-->
        <aside>
            <div id="sidebar" class="nav-collapse menu">
                <!-- sidebar menu start-->
                <ul class="sidebar-menu ">
                    <li class="active">
                        <a class="jump_a" href="readme.md">
							首页
						</a>
                    </li>
                    <!-- ui类 -->
                    <li>
                        <strong>
							UI布局类
						</strong>
                    </li>
                    <!-- items -->

                    <li class="sub-menu">
                        <a href="javascript:;">
							规范
							<span class="arrow"></span>
							<!--箭头-->
						</a>
                        <ul class="sub">
                            <li>
                                <a class="jump_a" href="code-guide.html">编码规范</a>
                            </li>
                            <li>
                                <a class="jump_a" href="safe-color.html">安全色</a>
                            </li>
                        </ul>
                    </li>
                    <!-- items -->

                    <li class="sub-menu">
                        <a>
							BS v3.0+
							<span class="arrow"></span>
							<!--箭头-->
						</a>
                        <ul class="sub">
                            <li>
                                <a class="iframe_a" href="assets/bootstrap">基础</a>
                            </li>
                            <li>
                                <a class="jump_a" href="assets/bs3/col.html">栅格化布局</a>
                            </li>
                            <li>
                                <a class="jump_a" href="assets/bs3/text.html">排版和辅助类</a>
                            </li>

                        </ul>
                        <ul class="sub">
                            <li>
                                <a class="jump_a" href="assets/bs3/form.html">表单</a>
                            </li>
                            <li>
                                <a class="jump_a" href="assets/bs3/button.html">按钮</a>
                            </li>
                        </ul>
                    </li>
                    <li class="sub-menu">
                        <a>
							ZUI1.7
							<span class="arrow"></span>
							<!--箭头-->
						</a>
                        <ul class="sub">
                            <li>
                                <a class="iframe_a" href="assets/zui/col.html">
									栅格格栏
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/icon.html">
									图标
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/btn.html">
									按钮
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/img.html">
									图片
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/nav.html">
									导航
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/navbar.html">
									导航条
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/panel.html">
									面板
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/alert.html">
									消息提示
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/table.html">
									表格
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/pager.html">
									分页
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/tip.html">
									弹出面板
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/modal.html">
									模拟框
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/collapse.html">
									折叠面板
								</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/zui/messager.html">
									漂浮消息
								</a>
                            </li>

                        </ul>
                    </li>
                    <li class="sub-menu">
                        <a>
							导航
							<span class="arrow"></span>
							<!--箭头-->
						</a>
                        <ul class="sub">
                            <li>
                                <a class="iframe_a" href="assets/nav/nav.html">全屏+按钮变换</a>
                            </li>
                        </ul>
                    </li>
                    <!-- items -->
                    <li class="sub-menu">
                        <a>
							响应式框架
							<span class="arrow"></span>
							<!--箭头-->
						</a>
                        <ul class="sub">

                            <li>
                                <a class="iframe_a" href="http://zui.sexy/">ZUI框架</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="http://www.bootcss.com/p/flat-ui/">FlatUI框架</a>
                            </li>
                            <li>
                                <a href="assets/flatlab_admin/">flatlab 后台模版</a>
                            </li>
                        </ul>
                    </li>
                    <!-- 工具类 -->
                    <li>
                        <strong>

							工具类
						</strong>

                    </li>
                    <li class="sub-menu">
                        <a>
							WEB 应用工具
							<span class="arrow"></span>
							<!--箭头-->
						</a>
                        <ul class="sub">
                            <li>
                                <a href="http://iconfont.cn/">阿里矢量图标</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="https://tinypng.com/">在线png压图</a>
                            </li>
                        </ul>
                    </li>
                    <!-- 常用插件 -->
                    <li>
                        <strong>

							插件类
						</strong>

                    </li>

                    <!-- items -->

                    <li class="sub-menu">
                        <a>
							表格表单类
							<span class="arrow"></span>
							<!--箭头-->
						</a>
                        <ul class="sub">
                            <li>
                                <a class="iframe_a" href="assets/datatable/">dataTable 表格</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/datatable/server.html">dataTable 服务器模式</a>
                            </li>
                            <li>
                                <a class="iframe_a" title='datetimepicker 时间选择' href="http://www.bootcss.com/p/bootstrap-datetimepicker/">时间选择 datetimepicker</a>
                            </li>
                            <li>
                                <a class="jump_a" href="assets/jquery-zclip/index.html" title="jQzclip flash复制">jQzclip flash复制</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/clipboard/index.html" title="clipboard h5复制">clipboard h5复制</a>
                            </li>
                        </ul>
                    </li>
                    <!-- items -->
                    <li class="sub-menu">
                        <a>
							展现类
							<span class="arrow"></span>
							<!--箭头-->
						</a>
                        <ul class="sub">
                            <li>
                                <a class="iframe_a" title='sortable 列表拖动' href="assets/sortable/">sortable 列表拖动</a>
                            </li>
                            <li>
                                <a class="iframe_a" title='mCustomScrollbar 滚动条' href="http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollbar_themes_demo.html">mCustomScrollbar 滚动条</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/pdfjs/api.html">PDF.js 读取</a>
                            </li>
                            <li>
                                <a class="iframe_a" href="assets/quill/">Quill 富文本</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <!-- sidebar menu end-->
            </div>
        </aside>
        <!--sidebar end-->
        <!--main content start-->
        <section id="main-content">
            <section class="wrapper">
            </section>
        </section>
        <!--main content end-->
    </section>
    <!-- js placed at the end of the document so the pages load faster -->
    <!--通用js -->
    <!--zui-->
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="assets/zui/js/zui.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/index.js"></script>
</body>

</html>